
.wrapper {
    margin: 15px ;
    border: 1px solid blue ;
}

.wrapper>.title {
    margin: 10px;
    color: brown;
}

.wrapper>form {
    margin: 10px;
}

.wrapper>.links {
    margin: 10px;
}

.editor {
    /* display: flex; */
    display: none;
    margin: 10px;
    border: 1px solid blue;
    height: 50px;
}

.editor>span {
    flex-basis: 18%;
    text-align: center ;
}

.editor>span:last-child {
    flex-basis: 10%;
}

.editor>span input {
    margin-top: 8px;
    height: 30px;
    width: 90%;
}

.editor>span button {
    margin-top: 8px;
    height: 35px;
}

.list {
    margin: 10px;
    border: 1px solid green;
}

.list>.user {
    display: flex;
    margin: 5px;
    border: 1px solid gray;
    line-height: 50px;
}

.user>* {
    text-align: center ;
    
}

.user>.id {
    flex-basis: 10%;
}

.user>.account {
    flex-basis: 20%;
}

.user>.email {
    flex-basis: 30%;
}

.user>.tel {
    flex-basis: 20%;
}

.user>.operation {
    flex-basis: 20%;
}

.buttons {
    margin: 10px;
    border: 1px solid green;
}

.buttons>a ,
.operation>a {
    display: inline-block;
    margin: 5px 0 5px 5px;
    border-radius: 2px;
    padding: 5px;
    background: rgb(65, 65, 254);
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.buttons>a:hover ,
.operation>a:hover {
    color: #ff0;
    background: blue;
}